<script setup lang="ts">
import type { Term } from '@/api/docker/type';
import type { Ref } from 'vue';
import ExecuteTerm from './ExecuteTerm.vue';

const term = defineModel() as Ref<Term>;

</script>

<template>
    <div class="container">
        <el-drawer v-model="term.enable" size="50%">
            <div class="term">
                <ExecuteTerm v-model="term"></ExecuteTerm>
            </div>
        </el-drawer>
    </div>
</template>

<style lang="scss" scoped>
.term {
    width: 100%;
    height: 100%;
    display: flex;
}
</style>